.el-tree-node ::v-deep .el-tree-node__content{
  padding-left: 0;
}
.layout{
  display: flex;
  flex-direction: row;
  //margin: 0.84vh 0.4vw 0;

  .tree-container {
    width : 25%;
    height: 90vh;
    overflow: hidden;
    .btn-layout{
      display: flex;
      padding: 5px 0 0;
      align-items: center;
      justify-content: flex-start;
      border-color: #b3d8ff;
      flex-wrap: wrap;
      .btnleft {
        margin-left: 10px;
        margin-bottom: 5px;
      }
    }
    .bom-state{
      font-size: 12px;
      color: red;
      float: right;
    }
    .tree{
      width: 1000px;
      height: 80vh;
      overflow-y: scroll;
      .title-tree{
        display: flex;
        flex-wrap: nowrap;
        font-size: 14px;
        align-items: baseline;
        .red-node{
          color: red;
        }
      }
      .descripTion{
        margin-left: 10px;
        width: 250px;
        font-size: 12px;
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
  }
  .resize{
    cursor: col-resize;
    background-color: #d6d6d6;
    border-radius: 5px;
    margin-top: 300px;
    width: 10px;
    height: 50px;
    background-size: cover;
    background-position: center;
    /*z-index: 99999;*/
    font-size: 32px;
    color: white;
    &::after{
      content: '•••';
      display: flex;
      flex-direction: column;
      top: 50%;
      left: 50%;
      letter-spacing: 4px;
      margin-right: 5px;
      font-size: 15px;
      transform: translate(50%, 50%) rotate(90deg);
    }
  }
  .operation{
    width: 75vw;
    height: calc(100vh - 10.12vh);
    overflow-X: scroll;
    overflow-y: scroll;
    border: 1px solid #ececec;
    .newly-build{
      width: 100%;
      height: 100%;
    }
  }
  .dialogClass ::v-deep .el-dialog__body {
    padding: 0 20px;
  }
  .dialogForm {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    .bom-form{
      position:relative;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      .search-dialog{
        transform: translateY(18%);
        margin-left: 450px !important;
      }
    }
  }
}
.tool {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  .summation{
    margin-left: 10px;
    line-height: 24px;
  }
}
.el-icon-search{
  font-size: 14px;
  &:hover{
    color: #409eff;
  }
}

.tree-container ::v-deep .el-tree > .el-tree-node:after {
  border-top: none;
}
.tree ::v-deep .el-tree-node {
  position: relative;
  padding-left: 16px;
}

.tree ::v-deep .el-tree-node__children {
  padding-left: 16px;
}

.tree ::v-deep .el-tree-node :last-child:before {
  height: 38px;
}

.tree ::v-deep .el-tree > .el-tree-node:before {
  border-left: none;
}

.tree-container ::v-deep .el-tree > .el-tree-node:after {
  border-top: none;
}

.tree ::v-deep .el-tree-node:before {
  content: "";
  left: -4px;
  position: absolute;
  right: auto;
  border-width: 1px;
}

.tree ::v-deep .el-tree-node:after {
  content: "";
  left: -4px;
  position: absolute;
  right: auto;
  border-width: 1px;
}

.tree ::v-deep .el-tree-node:before {
  border-left: 1px dashed #4386c6;
  bottom: 0;
  height: 100%;
  top: -26px;
  width: 1px;
}

.tree ::v-deep .el-tree-node:after {
  border-top: 1px dashed #4386c6;
  height: 20px;
  top: 12px;
  width: 24px;
}
.el-table{
  &::v-deep .el-input-number .el-input__inner{
    padding: 0 5px;
    height: 25px;
    width: 100%;
  }
  &::v-deep .el-input-number .el-input{
    width: 75px;
  }
  &::v-deep .el-input-number--mini{
    width: 100%;
  }
  &::v-deep .el-input-number__increase{
    display: none;
  }
  &::v-deep .el-input-number__decrease{
    display: none;
  }
  &::v-deep .el-table__footer-wrapper tbody td{
    background: #fdf6ec!important;
  }
}
